<template>
 <div class="basic">
   <!-- <InfoCar :CarListInfo='CarListInfo'></InfoCar> -->
   <!-- <DataCenter :dataCenter='dataCenter'></DataCenter> -->
   <div class="basi-l">
     <InfoCar :CarListInfo='CarListInfo' class="basi-l-bed"></InfoCar>
     <InfoCar :CarListInfo='CarListDate'></InfoCar>
   </div>
   <div class="basi-r">
     <DataCenter :dataCenter='dataCenter'></DataCenter>
     <DataCenter :dataCenter='dataCenter'></DataCenter>
     <DataCenter :dataCenter='dataCenter'></DataCenter>
   </div>
 </div>
</template>

<script>
import InfoCar from '../../common/InfoCar'
import DataCenter from '../../common/dataCenter'
export default {
  name: 'BasicInfo',
  components: {
    InfoCar,
    DataCenter
  },
  data () {
    return {
      CarListInfo: {
        src: require('../../img/wardR/chest-icon.png'),
        InfoTit: '急救中心',
        decide: true,
        bgImg: require('../../img/wardR/aid-bg.png'),
        boxS: '-.1rem -.1rem .3rem 0 #d5e9e6',
        InfoCon: ['x', '27', '床']
      },
      CarListDate: {
        src: require('../../img/wardR/chest-icon.png'),
        InfoTit: '急救中心',
        decide: false,
        bgImg: require('../../img/wardR/present-bg.png'),
        boxS: '-.1rem -.1rem .3rem 0 #d5e9e6',
        InfoCon: ['x', '27', '床']
      },
      dataCenter: {
        titColor: '#27ae9e',
        titbg: '#e1f5f3',
        dList: [
          [
            [{xm: '姓名:', name: 'xiaoxiao'}],
            [{xm: '姓名:', name: 'xiaoxiao'}],
            [{xm: '姓名:', name: 'xiaoxiao'}]
          ],
          [
            [{xm: '姓名:', name: 'xiaoxiao'}],
            [{xm: '姓名:', name: 'xiaoxiao'}],
            [{xm: '姓名:', name: 'xiaoxiao'}]
          ],
          [
            [{xm: '姓名:', name: 'xiaoxiao'}],
            [{xm: '姓名:', name: 'xiaoxiao'}],
            [{xm: '姓名:', name: 'xiaoxiao'}]
          ]
        ]
      }
    }
  }
}
</script>

<style lang="stylus" scoped>
  .basic{
    padding: 0 .3rem;
    display: flex;
  }
  .basic .basi-l .basi-l-bed{
    margin-bottom: .1rem;
  }
  .basic .basi-r{
    margin: 0 .2rem;
    flex: 1;
    box-sizing: border-box;
  }
</style>
